<template>
    <div>
        <mt-button type="default">
        default
        <i class="iconfont icon-switch"></i>
        </mt-button>
        <ul v-if="dataHasLoaded">
            <li>引擎版本信息: {{ver}}</li>
            <li>系统类型: {{sType}}</li>
            <li>系统版本: {{sVer}}</li>
            <li>设备标识: {{id}}</li>
            <li>设备型号: {{model}}</li>
            <li>设备名称: {{name}}</li>
            <li>网络状态: {{cType}}</li>
            <li>主窗口名字: {{winName}}</li>
            <li>主窗口宽度: {{winWidth}}</li>
            <li>主窗口高度: {{winHeight}}</li>
            <li>子窗口名字: {{frameName}}</li>
            <li>子窗口宽度: {{frameWidth}}</li>
            <li>子窗口高度: {{frameHeight}}</li>
        </ul>
    </div>
</template>

<script>

    export default {
        data() {
            return {
                dataHasLoaded: false
            }
        },
        created() {
            console.log(JSON.api)
            this.ver = api.version;
            this.sType = api.systemType;
            this.sVer = api.systemVersion;
            this.id = api.deviceId;
            this.model = api.deviceModel;
            this.name = api.deviceName;
            this.cType = api.connectionType;
            this.winName = api.winName;
            this.winWidth = api.winWidth;
            this.winHeight = api.winHeight;
            this.frameName = api.frameName || '';
            this.frameWidth = api.frameWidth || '';
            this.frameHeight = api.frameHeight || '';
            this.dataHasLoaded = true;
        }
    }
</script>
